export default function Document() {
  return <div>Document</div>;
}
import React from 'react';
import Sidebar from './Sidebar';
import Header from './Header';
import './document.css';

const Document: React.FC = () => {
  return (
    <div className='document-container'>
      <Sidebar activeItem='home' />
      <div className='main-content'>
        <Header />
        <div className='content-area'>
          <div className='content-header'>
            <h1>文档中心</h1>
            <p>欢迎使用钉钉文档</p>
          </div>
          <div className='content-body'>
            <div className='welcome-card'>
              <h2>快速开始</h2>
              <p>点击左侧导航栏中的项目来访问不同的文档功能</p>
              <div className='feature-grid'>
                <div className='feature-item'>
                  <h3>📝 创建文档</h3>
                  <p>开始创建新的文档</p>
                </div>
                <div className='feature-item'>
                  <h3>📁 管理文件</h3>
                  <p>组织和管理您的文档</p>
                </div>
                <div className='feature-item'>
                  <h3>👥 团队协作</h3>
                  <p>与团队成员共享文档</p>
                </div>
                <div className='feature-item'>
                  <h3>🔍 知识库</h3>
                  <p>构建团队知识库</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Document;